<script lang="ts" setup>

</script>

<template>
  <div class="list-item hover:shadow-2xl">
    <slot />
  </div>
</template>

<style lang="less" scoped>
.list-item {
@apply flex flex-col;
  //bg-[#f2f2f2] text-[#333333]
@apply p-3 rounded-lg cursor-pointer leading-6 shadow;
  //@apply hover:bg-main  hover:text-white;
@apply mb-5;
}
</style>
